<template>
  <all-map></all-map>
  <button @click="getMapData">获取地图数据</button>
  <div v-if="mapData">地图数据: {{ mapData }}</div>
</template>

<script>
import { computed } from 'vue';
import { useStore } from 'vuex';
import AllMap from "@/components/AllMap";

export default {
  name: "testMap",
  components: {
    AllMap
  },
  setup() {
    const store = useStore();

    const getMapData = () => {
      console.log("地图数据:", store.state.mapData);
    };

    // 使用 computed 来创建响应式的 mapData 引用
    const mapData = computed(() => store.state.mapData);

    return { getMapData, mapData };
  }
};
</script>

<style scoped>
/* 你的样式 */
</style>
